<!--
 * @Author: wangyu
 * @Date: 2024-12-25 15:35:34
 * @LastEditTime: 2024-12-25 22:10:43
 * @LastEditors: wangyu
 * @Description: 园区总览
 * @FilePath: \dzsq-smartpark-platform\src\views\overview\index.vue
-->
<template>
  <div class="overview">
    <div class="left">
      <div class="left-item">
        <monitor />
      </div>
      <div class="left-item">
        <introduce />
      </div>
    </div>
    <div class="right">
      <div class="left-item">
        <hot />
      </div>
      <div class="left-item">
        <company />
      </div>
      <div class="left-item">
        <env />
      </div>
    </div>
  </div>
</template>

<script setup>
import monitor from "./components/monitor.vue";
import introduce from "./components/introduce.vue";
import hot from "./components/hot.vue";
import env from "./components/env.vue";
import company from "./components/company.vue";
</script>
<style scoped lang="scss">
.overview {
  position: relative;
  margin-top: 10px;
  .left {
    display: flex;
    height: 100%;
    width: 514px;
    flex-direction: column;
    > div {
      &:last-child {
        flex: 1;
      }
    }
  }
  .right {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    height: 100%;
    width: 514px;
    flex-direction: column;
    > div {
      flex: 1;
    }
  }
}
</style>
